.menu{
	background:#5696C1;
	height:35px;
	margin: 0px;
	padding:0px 0px;
	width:auto;	
}
.menu li, .menu li a{
	display:inline; /*aplica el haslayout para IE6 asi evitamos el doble margen a elementos flotados*/
	float:left;	/*Importante para que todas nuestras listas, esten en una misma linea*/
	width:auto;

}
.menu li{
	margin:0px 5px 0px 0px;
	position:relative; /*Importante para el submenu pero por ahora no*/
}
.menu li a{	
	/*background:url(bg_mn_a.gif);*/
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	height:25px;
	padding:10px 0px 0px 5px;	
	margin-top: 0px;
}
.menu li a:hover{
	background-position:0 50px; /*Usuamos una sola imagen y al pasar el cursor se baja el fondo 50px para hacer el efecto sin JS*/
	background: #eff2f5;
	color: #3366CC;
}
/*MENU DESPLEGABLE*/
.menu li:hover ul{ 
	display:block; /*Indicamos que en hover del menu muestre el submenu*/
}
.menu ul{
	background:#5696C1;
	display:none; /*indicamos que al cargar la web no muestre el submenu*/	
	left:0;
	padding:5px 0 10px;
	position:absolute;
	top:25px;
	width:200px;/*Le cambiamos el ancho sino hereda del ul anterior*/
}
.menu ul li, .menu ul li a{
	margin:0;
	padding:5px 0px;
	width:200px;
}
.menu ul li a{
	background:none;
	border-bottom:1px solid #A3CADB;
	color:#A3CADB;
	height:25px;
	line-height:2em;	
	margin:0 5px;
	width:190px;
}
.menu ul li a:hover{
	background: #eff2f5;
	color:#FFF;
}
/*FIX PARA MANTENER ACTIVO EL MENU CUANDO ESTAS ARRIBA DE EL*/
.menu li:hover a{
	background-position:0 50px; /*Usuamos una sola imagen y al pasar el cursor se baja el fondo 50px para hacer el efecto sin JS*/
	color:#35608B;
}
.menu li:hover li a{
	color:#A3CADB;
}
.menu li:hover li a:hover{
	color:#A3CADB;
}
